<template>
  <van-overlay :show="show" z-index="10">
    <div class="h-full w-full flex items-center justify-center">
      <div class="w-90% flex flex-col items-center gap-6 border-4 border-#973B34 rounded-3 border-solid bg-#FFF8F2 p-x-8 p-y-10">
        <img src="https://jwc-static.jdwxk.com/imgs/mall/description.png" class="w-20" alt="">
        <div class="flex flex-col gap-1">
          <Point content="可以通过对应地点实景扫码，完成相关活动获取积分" />
          <Point content="可以通过进行小游戏的形式获取积分" />
        </div>
        <Btn @click="show = !show">
          我已知晓
        </Btn>
      </div>
    </div>
  </van-overlay>
</template>

<script lang='ts' setup>
import Point from './Point/index.vue'
import Btn from '@/components/Btn.vue'

const show = defineModel('show', {
  default: false,
})
</script>

<style lang='less' scoped>

</style>
